// 个人信息
.dy_me_info{
    height: 3rem; position: relative;
    .me_info_mask{
        &:extend(.box100, .position0); z-index: 5;
        img{
            &:extend(.box100); filter: blur(5px); opacity: .3;
        }
    }
    .me_info_content{
        &:extend(.box100, .position0); z-index: 6; padding: .5rem .2rem .2rem; box-sizing: border-box;
        .me_info_head{
            &:extend(.flexRow); height: 1rem;
            .me_info_avatar{
                width: .8rem;
                img{
                    width: .6rem; height: .6rem; border: .02rem solid rgba(200, 200, 200, 0.5); border-radius: 50%;
                }
            }
            .me_info_btnGroup{
                flex: 1; text-align: right;
                button{margin: .15rem 0 0 .03rem;}
            }
        }
        .me_info_mid{
            color: #fff; border-bottom: 1px solid rgba(155, 155, 155, 0.5); padding-bottom: .08rem;
            h3{font-size: .12rem;}
        }
        .me_info_foot{
            margin-top: .08rem;
            p{color: #999;}
            ul{
                 margin: .1rem 0;
                li{
                    padding: 0 .06rem; margin-right: .03rem; display: inline-block; font-size: .08rem; color: #999;
                    background-color: rgba(111, 111, 111, 0.5); border-radius: .1rem;
                }
            }
            h3{font-size: .14rem; color: #fff;}
        }
    }
}

// 个人中心 - 作品列表
.dy_me_works{
    .me_works_tab{
        height: .2rem;
    }
}